<template>
  <!-- 小板报 -->
  <div class="card-widget card-announcement">
    <div class="item-headline">
      <i class="haofont hao-icon-bullhorn" style="font-size: 0.9rem; font-weight: 700;"></i>
      <span>{{ siteConfig.reportTitle }}</span>
    </div>
    <div id="welcome-info" v-html="welcomeInfo"></div>
  </div>
</template>

<script setup>
import {onMounted, ref, computed} from "vue";
import welcome from "../../utils/welcome/index.js";
import store from "../../store/index.js";

const welcomeInfo = ref("");
const siteConfig = computed(() => store.state.data.siteConfig);

onMounted(async () => {
  welcomeInfo.value = await welcome.showWelcome();
});
</script>

<style scoped>
</style>
